ul
  list-style:none
  padding 0px
  margin 0px
i
  font-style normal
.fz12
    font-size: 12px !important;
    line-height: 18px;
.fz13
  font-size: 13px !important;
  line-height: 18px;
.fz14
  font-size: 14px !important;
  line-height: 20px;
.fz16
  font-size: 16px !important;
  line-height: 22px;
.fz18
  font-size: 18px !important;
  line-height: 24px;
.fz24
  font-size: 24px !important;
  line-height: 30px;
.lh150
  line-height: 150%!important;
/*定位*/
.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }
.bc { margin-left: auto; margin-right: auto; }
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }
.cl { clear: left; }
.cr { clear: right; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.vm { vertical-align: middle; }
.pr { position: relative; }
.pa { position: absolute; }
.pf{ position: fixed !important; }
.top { top: 0; }
.right { right: 0; }
.bottom { bottom: 0; }
.left { left: 0; }
.zoom { zoom: 1; }
.hidden { visibility: hidden; }
.none { display: none; }
/*边距*/
.m0 { margin: 0; }
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px; }
.m25 { margin: 25px; }
.m30 { margin: 30px; }
.m35 { margin: 35px; }
.m40 { margin: 40px; }
.m45 { margin: 45px; }
.m50 { margin: 50px; }
.m100 { margin: 100px; }
.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt100 { margin-top: 100px; }
.mr0 { margin-right: 0; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr35 { margin-right: 35px; }
.mr40 { margin-right: 40px; }
.mr45 { margin-right: 45px; }
.mr50 { margin-right: 50px; }
.mr100 { margin-right: 100px; }
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb100 { margin-bottom: 100px; }
.ml0 { margin-left: 0; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml35 { margin-left: 35px; }
.ml40 { margin-left: 40px; }
.ml45 { margin-left: 45px; }
.ml50 { margin-left: 50px; }
.ml100 { margin-left: 100px; }
.p0 { padding: 0; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }
.p35 { padding: 35px; }
.p40 { padding: 40px; }
.p45 { padding: 45px; }
.p50 { padding: 50px; }
.p100 { padding: 100px; }
.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt35 { padding-top: 35px; }
.pt40 { padding-top: 40px; }
.pt45 { padding-top: 45px; }
.pt50 { padding-top: 50px; }
.pt100 { padding-top: 100px; }
.pl0 { padding-left: 0; }
.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl30 { padding-left: 30px; }
.pl35 { padding-left: 35px; }
.pl40 { padding-left: 40px; }
.pl45 { padding-left: 45px; }
.pl50 { padding-left: 50px; }
.pl100 { padding-left: 100px; }
.pb0 { padding-bottom: 0; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb35 { padding-bottom: 35px; }
.pb40 { padding-bottom: 40px; }
.pb45 { padding-bottom: 45px; }
.pb50 { padding-bottom: 50px; }
.pb100 { padding-bottom: 100px; }
.pr0 { padding-right: 0; }
.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr35 { padding-right: 35px; }
.pr40 { padding-right: 40px; }
.pr45 { padding-right: 45px; }
.pr50 { padding-right: 50px; }
.pr100 { padding-right: 100px; }
/*颜色*/
.c000 { color: #000!important; }
.c333 { color: #333!important; }
.c666 { color: #666!important; }
.c999 { color: #999!important; }
.cfff { color: #fff!important; }
.cblue{color: #1AB394!important}
.color-red
   color #ff0000
.no-data
  height:40px
  line-height:40px
  text-align:center
  color:#fff
//  线索页面大的container
.clue-container
  width 100%
  height 100%
  position absolute
  background url('../assets/images/screen.jpg') no-repeat
  background-size cover
  overflow:auto
  z-index 2
  font-size 14px
/*tab切换*/
.tab-wrap
  margin-top 10px
  margin-bottom 10px
  height 55px
  background #fff
  border-radius 4px
  box-sizing: border-box
  overflow hidden
  //线索列表页的tab
  .tab-item
    width 25%
    float left
    text-align: center
    height 55px
    box-sizing border-box
  .tab-item.current
    color: #fff
    background: #1AB394
  .tab-item div
    margin-top 15px
    height 14px
    line-height 14px
  //商机列表页的tab
  .tab-item-bisiness
    width 20%
    float left
    text-align center
    height 55px
    box-sizing border-box
  .tab-item-bisiness.current
    color: #fff
    background: #1AB394
  .tab-item-bisiness div
    margin-top 15px
    height 14px
    line-height 14px
//客户列表页的tab
.tab-wrap-customer
  margin-top 10px
  margin-bottom 10px
  height 45px
  background #fff
  border-radius 4px
  box-sizing: border-box
  overflow hidden
  .tab-item-customer
    width 33.33%
    float left
    text-align center
    height 45px
    line-height 45px
    box-sizing border-box
  .tab-item-customer.current
    color: #fff
    background: #1AB394
// 详情页的tab
.tab-wrap-detail
  margin-top 10px
  margin-bottom 10px
  height 45px
  background #fff
  border-radius 4px
  box-sizing: border-box
  overflow hidden
  .tab-item-detail
    width 50%
    float left
    text-align: center
    height 45px
    line-height 45px
    box-sizing border-box
  .tab-item-detail.current
    color: #fff
    background: #1AB394
/*下拉框筛选*/
.filter
  margin-top 15px
  margin-bottom 15px
  color #fff
  overflow hidden
  position relative
.filter div
  box-sizing border-box
  float left
.filter div:nth-child(2)
  text-align center
.filter div:last-child
  text-align right
.filter div i
  margin-left 10px
  width 0px
  height 0px
  border 5px solid transparent
  border-top 5px solid #fff
  position relative
  top 12px
.filter-2 div
  width 50%
.filter-3 div
  width 33.333333%
.filter-cnt
  position absolute
  top 0
  width 100%
  color #666
  background #fff
  z-index 2
.filter-list
  background #fff
  border-bottom 1px solid #f2f2f2
  overflow hidden
.filter-list .selected
  color #1AB394
.filter-list li
  line-height 40px
  float left
  text-align center
.filter-list-1 li
  width 100%
.filter-list-2 li
  width 50%
.filter-list-3 li
  width 33.333333%
// 列表详情页
.detail
  margin-bottom: 10px;
  padding: 15px;
  background: #fff;
  border-radius: 4px;
.detail-header
  padding-bottom: 10px;
  text-indent: 10px;
  margin-left: -15px;
  height: 22px;
  line-height: 22px;
  border-bottom: 1px solid #f2f2f2;
  box-sizing: content-box;
  margin-right: -15px;
  padding-right: 15px;
.detail-header span:first-child
  font-size: 16px;
  display: inline-block;
  margin-left: -10px;
.detail-header em
  color: #EC4758;
  float: right;
.detail-hd-1 .clue-title
  color: #1ab394;
  border-left: 5px solid #1ab394;
.detail-hd-2 .clue-title
  color: #1c84c6;
  border-left: 5px solid #1c84c6;
.detail-hd-3 .clue-title
  color: #23c6c8;
  border-left: 5px solid #23c6c8;
.detail-item
  padding: 8px 0;
  font-size: 12px;
.detail-item + .detail-item
  border-top: 1px solid #f2f2f2;
.detail-item .detail-title
  color: #999;
  font-size: 12px !important;
  line-height: 18px;
.detail-item .detail-text
  font-size: 12px;
  min-height: 20px;
  line-height: 20px;
.detail-item .unchecked
  background: #EC4758;
  padding: 3px 4px;
  margin-left: 3px;
  font-size: 12px;
  color: #fff;
  border-radius: 4px;
.detail-contact
  padding 10px 0px
  font-size: 14px;
  span.role
    padding: 2px;
    color: #fff;
    font-size: 12px;
    margin-left: 5px;
    border-radius: 2px;
  span.role-1
    background: #1ab394
  span.role-2
    background: #1c84c6
  span.role-3
    background: #23c6c8
  span.role-4
    background: #ec4758
  span.role-5
    background: #f8ac59
  span.role-6
    background: #1ab394
  span.role-7
    background: #1ab394
  span.role-8
    background: #1ab394
  span:last-child
    float: right;
    color: #999;
//log跟进记录
.note-list
  li
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
    border-radius: 4px;
    img
      width: 40px;
      height: 40px;
      border-radius: 50%;
      float: left;
.note-cnt
  margin-left: 50px;
.note-hd
  height: 40px;
  line-height: 40px;
  span:first-child
    font-size: 16px;
  span:last-child
    color: #999;
    float: right;
    font-size: 12px;
.note-bd
  font-size: 14px !important;
  line-height: 20px;
  color: #666;
/*actionSheet弹出框*/
.actionSheet
  width:100%;
  height:100%;
  background: rgba(75,75,75,.8);
  position: absolute;
  top: 0px;
  z-index: 2001;
  visibility: hidden;
  transition-delay: 0.2s;
  text-align: center;
  transition: .3s ease;
.show_actionSheet
  visibility: visible;
.actionSheet_content
  width:100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  background-color: #e0e0e0;
  visibility: hidden;
  transform: translate(0,100%);
  transition: .3s ease;
.show_options
  visibility: visible;
  transform: translate(0,0%);
.item
  line-height: 40px;
  background-color: #fff;
.sure_action
  line-height: 40px;
  background-color: #1AB394;
.item:active,.sure_action:active
  opacity: 0.6;
.item
  border-bottom: 1px solid #ddd;
.item:last-child
  border: 0px;
/*产品筛选*/
.product-sort-wrap
  overflow hidden
  padding-bottom 10px
  /*一级产品*/
  .product-sort
    background #f2f2f2
    width 50%
    float left
    margin-bottom -9999px
    padding-bottom 9999px
  .product-sort li
    height 40px
    line-height 40px
    text-indent 20px
    overflow: hidden
    text-overflow: ellipsis
    white-space: nowrap
  .product-sort li.selected
    color: #1AB394
    background: #fff
    /*二级产品*/
  .subProduct-sort
    width 50%
    float left
    background #fff
    margin-bottom -9999px
    padding-bottom 9999px
  .subProduct-sort li
    height: 40px
    line-height: 40px
    margin: 0 20px
    border-bottom: 1px solid #f2f2f2
    overflow: hidden
    text-overflow: ellipsis
    white-space: nowrap
  .subProduct-sort li.selected
    color: #1AB394
/*最近获得最近更新和所有阶段*/
.date-sort
  background: #fff
  padding-bottom: 20px
.date-sort li
  height: 40px
  line-height: 40px
  text-indent: 20px
  color: #333
.date-sort li.selected
  color: #1AB394
//蒙版
.black-mask
  position: fixed
  top: 0
  right: 0
  bottom: 0
  left: 0
  background: rgba(0, 0, 0, 0.5)
  z-index: 1
